<%-- 
    Document   : form
    Created on : Sep 22, 2011, 6:45:04 PM
    Author     : lexis
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel=StyleSheet href="style.css" TYPE="text/css" MEDIA=screen>
        <script type="text/javascript" src="js/validate.js"></script>
            
         
       
        <title></title>
    </head>
    <body>
        <form id=user_info name="userForm" onsubmit="return validateForm()">
            <fieldset>
                <legend>New User Information</legend>
                <ol>
                    <li>
                        <label for=usertype>User Type</label>
                        <select size="1" name="userType" id="userType">
                            <option></option>
                            <option>Admin Secretary</option>
                            <option>Student</option>
                            <option>Teacher</option>
                        </select>
                        <!--                        <input id=name name=othernames type=text placeholder="Other Names" required autofocus>-->
                    </li>
                    <li>
                        <label for=firstname>First Name</label>
                        <input id=firstName name=firstName type=text placeholder="First Name" >
                    </li>
                    <li>
                        <label for=lastname>Last Name</label>
                        <input id=lastName name=lastName type=text placeholder="Last Name" >
                    </li>

                    <li>
                        <label for=othernames>Other Names</label>
                        <input id=otherName name=otherNames type=text placeholder="Other Names" >
                    </li>

                    <li>
                        <label for=dob>Date of Birth</label>
                        <input id=dob name=dob type=date placeholder="Date of Birth" >
                    </li>

                    <li>
                        <label for=email>Email</label>
                        <input id=email name=email type=email placeholder="example@domain.com" >
                    </li>

                    <li>
                        <label for=address>Address</label>
                        <textarea id=address name=address rows=5 ></textarea>
                    </li>
            </fieldset>
            <fieldset>
                <button type=submit>Save Data</button>
            </fieldset>
        </form>
    </body>
</html>
